<pp-notice-container></pp-notice-container>
<header class="l-header flex-container flex-row">
    <pp-header-logo></pp-header-logo>
    <div class="l-widget-group">
        <pp-application-list-for-header-container></pp-application-list-for-header-container>
        <pp-period-selector-container></pp-period-selector-container>
    </div>
    <button class="fas fa-question-circle" (click)="onShowHelp($event)"></button>
    <pp-configuration-icon-container></pp-configuration-icon-container>
</header>
<div class="l-main-container">
    <section *ngIf="(showSideMenu$ | async) as showSideMenu" class="l-sidemenu-wrap font-opensans">
        <div class="l-sidemenu-left">
            <pp-agent-search-input-container></pp-agent-search-input-container>
            <section class="l-application-inspector-title-wrapper">
                <pp-application-inspector-title-container></pp-application-inspector-title-container>
            </section>
            <pp-server-and-agent-list-container></pp-server-and-agent-list-container>            
        </div>
    </section>
    <section class="l-main-section">
        <router-outlet></router-outlet>
    </section>
</div>
